.icon{
  width: 64rpx;
  height: 64rpx;
}
.isPartner {
  width: 100%;
  min-height: 100vh;
  background-color: #F9F7F7;
  padding-top: 24rpx;
  padding-bottom: 24rpx;
  .info-wrap {
    background-color: #fff;
    width: 710rpx;
    height: 136rpx;
    border-radius: 16rpx;
    margin: 24rpx auto;
    display: flex;
    padding: 24rpx 20rpx;

    .avatar {
      width: 88rpx;
      height: 88rpx;
      border-radius: 100%;
      background-size: 100% 100%;
      border: 1px solid #DCDCDC;
      overflow:hidden;  
    }

    .infos {
      margin-left: 20rpx;
      height: 88rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;

      .badge {
        width: 120rpx;
        height: 32rpx;
        // background: linear-gradient(75deg, #fde2a2 0%, #fbbb2b 100%);
        border-radius: 2rpx;
        box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(253, 233, 130, 0.25);
        background-size: 100% 100%;
        &.badge-1{
          background-image: url(https://static.joymew.com/joymew-assist/home/partner/partner-badge-1.png);
        }
        &.badge-2{
          background-image: url(https://static.joymew.com/joymew-assist/home/partner/partner-badge-3.png);
        }
        &.badge-3{
          background-image: url(https://static.joymew.com/joymew-assist/home/partner/partner-badge-3.png);
        }
      }

      .welcome {

        display: flex;
        font-size: 28rpx;
        align-items: center;
        justify-content: center;

        .name {
          color: #f5b85b;
          margin:  0 10rpx;
        }
      }
    }

  }

  .card-modal {
    width: 710rpx;
    min-height: 552rpx;
    background: #ffffff;
    font-size: 24rpx;
    border-radius: 16rpx;
    margin: 24rpx auto;
    padding: 24rpx 0;
    &.income-detail{
      .title-wrap{
        display: flex;
        width: 100%;
        padding-bottom:26rpx;
        align-items: center;
        justify-content: space-between;
        .title{
          color:#66B5F9;
          font-style: italic;
          font-weight: 600;
        }
        .month{
  
          display: flex;
          align-items: center;
          color: rgba(102,102,102,1);
          justify-content: flex-start;
          font-size: 24rpx;
          .active{
            margin:  0  10rpx;
            font-size: 28rpx;
            font-weight: 500;
            color:rgba(86,204,242,1);
          }
        }
        .more-icon{
          width: 32rpx;
          height: 16rpx;
          background-image: url(https://static.joymew.com//joymew-assist/home/income/more-icon.png);
          background-size: 100% 100%;
        }
      }
    }
    &.team-detail{
      min-height: 410rpx;
      .title-wrap{
        color:#FFB1A0;
        font-style: italic;
        font-weight: 600;
      }
    }
    .line {
      width: 710rpx;
      height: 40rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      &::after{
        content: '';
        display: block;
        width: 710rpx;
        height: 2rpx;
        background: #f9f7f7;
      }
      margin: 0 auto;
      background: #ffffff;
    }

    .title-wrap,
    .row {
      width: 100%;
      height: 60rpx;
      padding: 0 20rpx;
    }

    .row{
      display: flex;
      justify-content: space-between;
      align-items: center;
      &.total{
        height: 88rpx;
      }
      .row-title{
        color:rgba(102,102,102,1);
        display: flex;
        justify-content: flex-start;
        align-items: center;

      }
      .row-data{
        font-size: 28rpx;
        color: rgba(0,0,0,0.6);
        &.increase{

          color: #EB133C;
        }
        &.decrease{
          color: #3FCB6E;
        }
        .increase{

          color: #EB133C;
        }
        .decrease{
          color: #3FCB6E;
        }
        .total-num{
          color: rgba(63,203,110,1);
          .active-num{
            font-size: 36rpx;
            margin: 4rpx 0;
          }
          // .people-num{
             
          // }
        }
      }
    }
  }
  .calc-rule{
    width: 710rpx;
    height: 478rpx;
    background-color: #fff;
    margin: 0 auto;
    background-size: 100% 100%;
    margin-top: 24rpx;
    margin-bottom: 48rpx;
    
    background-image: url('https://static.joymew.com/joymew-assist/home/partner/income-rule.png');
  }
}